<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>不常用的文本标签</title>
</head>
<body>
  <p>
    <!-- 作品标题（书籍、歌曲、电影、电视节、绘画、雕塑） -->
    这首<cite>《光辉岁月》</cite>，非常的好听！
  </p>

  <p>
    <!-- 特殊术语，或专属名词 -->
    <dfn>耗子尾汁</dfn>，是一个网络流行语，意思同好自为之
  </p>

  <p>
    <!-- 删除的文本与插入的文本 -->
    商品原价：<del>199</del>，限时描述：<ins>99</ins>
  </p>

  <p>
    <!-- 下标文字与上标文字 -->
    水的化学方程式是：H<sub>2</sub>O，8的三次方是这么写的：8<sup>3</sup>
  </p>

  <p>
    <!-- 一段代码 -->
    等过一段时间我们学习了JS，你就会发现这段代码很有意思：<code>alert(1);</code>
  </p>

  <p>
    <!-- 从正常的上下文中，将某些内容提取出来，例如：标识设备输出 -->
    手机突然提示，<samp>支付宝到账100万元！</samp>
  </p>

  <p>
    <!-- 键盘文本，表示文本是通过键盘输入的，经常用在与计算机相关的手册中 -->
    保存的快捷键是：<kbd>ctrl + s</kbd>
  </p>

  <p>
    <!-- 缩写，最好配合上 title 属性 -->
    这个游戏非常好远<abbr title="英雄联盟">LOL</abbr>
  </p>

  <p>
    <!-- 更改文本方向，要配合 dir 属性，可选值：ltr（默认值）、rtl -->
    你是年少的欢喜，这句话反过来念就是：<bdo dir="rtl">你是年少的欢喜</bdo>
  </p>

  <p>
    <!-- 标记变量，可以与 code 标签一起使用 -->
    等过一段时间我们学习了JS，我们就知道要这样定义变量了：let <var>a</var> = 1
  </p>

  <p>
    <!-- 附属细则，例如：包括版权、法律文本 —— 很少使用 -->
    <small>本网站所有资料、图表仅供参考，涉及投资项目所造成的盈亏与本网站无关。</small>
  </p>

  <p>
    <!-- 摘要中的关键字、评论中的产品名称 -->
    我也买过<b>罗技GPW二代</b>这个鼠标，确实很好用！
  </p>

  <p>
    <!-- 本意是：人物的思想活动、所说的话等等。现在多用于：呈现字体图标 -->
    猪头声嘶力竭的喊着：<i>“燕子，没有你我怎么活啦！”</i>
  </p>

  <p>
    <!-- 与正常内容有反差文本，例如：错的单词、不合适的描述等 —— 很少使用 -->
    张三把“你好”的英文写成了：<u>heelo</u>，这是不对的！
  </p>

  <p>
    <!-- 短引用 —— 很少使用 -->
    屈原曾经说过：<q>“路漫漫其修远兮，吾将上下而求索”</q>
  </p>

  <p>
    <!-- 长引用 —— 很少使用 -->
    有一首歌，歌词是这样的：
    <blockquote>后来，我总算学会了如何去爱；可惜你早已远去消失在人海；后来终于在眼泪中明白，有些人一旦错过就不在</blockquote>
  </p>

  <p>
    <!-- 地址信息 -->
    我们的学校地址是：<address>北京宏福科技园</address>
  </p>
</body>
</html>